<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8">
    <title>ChatGPBT</title>
    <link rel="icon" href="https://static.codemao.cn/coco/player/unstable/rJTtkgS92.image/png?hash=FuupblVdJkvkJGD-EXF_Nz9NffAo" type="image/x-icon">
    <script src="https://smallblock.gitee.io/block-ai/ai.js"></script>
    <script src="script.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body background="https://static.codemao.cn/coco/player/unstable/r1sGQkBc2.image/png?hash=FoSFUfeNeBAadnGydQfN0ctFC0zI">
    <!-- toast弹窗 -->
    <div id="toast-container">
        <div id="toast-message">测试版本，无需设置Key</div>
    </div>
    <div class="container">
        <h1>ChatGPBT</h1>
        <p>知道我为什么叫做ChatGPBT嘛</p>
        <input type="text" id="myInput" class="container" placeholder="要跟ChatGPBT说些什么呢🤔"><br><br>
        <button type="submit" onclick="sendMessage()" class="container"><svg viewBox="0 0 24 24" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false"><path d="M7.40180041,15.0419973 L17.7785417,6.46386774 L5.54463255,13.5975745 L1.87935236,10.7468822 C1.44697151,10.4105956 1.37327421,9.79278873 1.71474484,9.36697201 C1.83954564,9.21134437 2.00924738,9.09655382 2.20153743,9.03769318 L21.8531495,3.02226815 C22.1162143,2.94174312 22.3957552,3.08648334 22.4775216,3.3455545 C22.5097854,3.4477802 22.5072579,3.55758717 22.4703235,3.65826805 L16.3466318,20.3510987 C16.159426,20.8614109 15.5875987,21.1256444 15.0694198,20.9412806 C14.9685686,20.9053986 14.8742514,20.8537381 14.7900987,20.7882879 L7.40180041,15.0419973 Z M7.17706793,16.4833537 L10.3238507,18.9086151 L8.00027891,20.8678885 C7.90990326,20.9440947 7.79484452,20.9859771 7.67586733,20.9859771 C7.40038803,20.9859771 7.17706793,20.7660473 7.17706793,20.4947502 L7.17706793,16.4833537 Z"></path></svg>发送</button><br><br>
        <button onclick="showToast('测试版本，无需设置Key', 3000);" class="container"><svg viewBox="0 0 24 24" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false"><path d="M17.6738662,3.16347829 L17.6064893,3.24935221 C16.9629212,4.12947277 17.0386351,5.37137318 17.8336309,6.16636906 C18.6549717,6.98770983 19.9533272,7.04130702 20.8369239,6.32716063 C21.5023202,7.36065499 21.9916946,8.52091632 22.2612265,9.76314559 C21.13043,9.8821991 20.25,10.8382818 20.25,12 C20.25,13.1617182 21.13043,14.1178009 22.260439,14.2373972 C21.9920241,15.4781123 21.5027951,16.6383549 20.8365132,17.6738794 C19.9543072,16.9586526 18.6552817,17.0119802 17.8336309,17.8336309 C17.0121762,18.6550857 16.9586781,19.9536875 17.6731366,20.8372916 C16.6383451,21.5027993 15.478107,21.9920252 14.2359231,22.2614285 C14.1181165,21.1307207 13.1619099,20.25 12,20.25 C10.8380901,20.25 9.88188349,21.1307207 9.76254365,22.2609986 C8.52131306,21.9917807 7.36139611,21.5026327 6.32613377,20.8365217 C7.04132188,19.9536875 6.98782378,18.6550857 6.16636906,17.8336309 C5.34491433,17.0121762 4.04631254,16.9586781 3.16270841,17.6731366 C2.49720488,16.6383549 2.00797591,15.4781123 1.73857149,14.2359231 C2.8693413,14.1180492 3.75,13.161869 3.75,12 C3.75,10.838131 2.8693413,9.88195077 1.73912071,9.76255625 C2.00821932,8.52131306 2.49736725,7.36139611 3.16347829,6.32613377 C4.04631254,7.04132188 5.34491433,6.98782378 6.16636906,6.16636906 C6.98782378,5.34491433 7.04132188,4.04631254 6.32686336,3.16270841 C7.36139611,2.49736725 8.52131306,2.00821932 9.76314559,1.73877353 C9.88195077,2.8693413 10.838131,3.75 12,3.75 C13.161869,3.75 14.1180492,2.8693413 14.2374438,1.73912071 C15.478107,2.00797477 16.6383451,2.49720073 17.6738662,3.16347829 Z M12,7.5 C9.51471863,7.5 7.5,9.51471863 7.5,12 C7.5,14.4852814 9.51471863,16.5 12,16.5 C14.4852814,16.5 16.5,14.4852814 16.5,12 C16.5,9.51471863 14.4852814,7.5 12,7.5 Z"></path></svg>设置 Key</button><br><br>
    </div><br><br>
    <div class="container">
        <script type="text/javascript">
            function show_runtime() {
                window.setTimeout("show_runtime()", 1000);
                X = new Date("7/21/2023 17:56:00");
                Y = new Date();
                T = (Y.getTime() - X.getTime());
                M = 24 * 60 * 60 * 1000;
                a = T / M;
                A = Math.floor(a);
                b = (a - A) * 24;
                B = Math.floor(b);
                c = (b - B) * 60;
                C = Math.floor((b - B) * 60);
                D = Math.floor((c - C) * 60);
                runtime_span.innerHTML = "ChatGPBT已经运行 " + A + "天" + B + "时" + C + "分" + D + "秒"
            }
            show_runtime();
        </script>
        <span id="runtime_span">ChatGPBT已经运行 0天0小时0分0秒</span>
    </div><br><br>
    <p class="container">本网站由ChatGPT3.5、<br><br>ChatGPBT、小方块编写</p>
</body>
</html>
